'use client';

import clsx from 'clsx';
import React from 'react';

export interface HeaderProps {
  className?: string;
}

function HeaderNoMemoized(props: HeaderProps) {
  const { className } = props;
  return (
    <header className={clsx('w-full h-20 px-5', className)}>
      <div className="flex items-center size-full">
        <h1 className="text-xl text-purple-800 font-medium">图库</h1>
      </div>
    </header>
  );
}

export const Header = React.memo(HeaderNoMemoized);
